﻿<%@ Page Title="Home Page" Language="vb" MasterPageFile="~/Site.Master" AutoEventWireup="false"
    CodeBehind="Default.aspx.vb" Inherits="SimpleAdditionPage._Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
    <style type="text/css">
    .auto-style1
    {
        width: 58%;
        height: 151px;
    }
    .auto-style2
    {
        width: 161px;
    }
</style>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <h2>
        Welcome to my Simple Addition Page
    </h2>
<p>
        &nbsp;</p>
<table class="auto-style1">
    <tr>
        <td class="auto-style2">Enter a number here :</td>
        <td>
            <asp:TextBox ID="tb_FirstNumber" runat="server"></asp:TextBox>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="tb_FirstNumber" CssClass="failureNotification" ErrorMessage="*"></asp:RequiredFieldValidator>
            <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="tb_FirstNumber" CssClass="failureNotification" ErrorMessage="Enter a positive number" ValidationExpression="^\d+$"></asp:RegularExpressionValidator>
        </td>
    </tr>
    <tr>
        <td class="auto-style2">&nbsp;</td>
        <td>+</td>
    </tr>
    <tr>
        <td class="auto-style2">Enter another one here :</td>
        <td>
            <asp:TextBox ID="tb_SecondNumber" runat="server"></asp:TextBox>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="tb_SecondNumber" CssClass="failureNotification" ErrorMessage="*"></asp:RequiredFieldValidator>
            <asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" ControlToValidate="tb_SecondNumber" CssClass="failureNotification" ErrorMessage="Enter a positive number" ValidationExpression="^\d+$"></asp:RegularExpressionValidator>
        </td>
    </tr>
    <tr>
        <td class="auto-style2">&nbsp;</td>
        <td>
            <asp:Button ID="btn_Result" runat="server" Text="Add" />
        </td>
    </tr>
    <tr>
        <td class="auto-style2">Result : </td>
        <td>
            <asp:Label ID="lbl_Result" runat="server"></asp:Label>
        </td>
    </tr>
</table>
    
</asp:Content>
